<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC
  "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<title>Carro de compras</title>
	<style type="text/css">
body,html {
	margin: 0;
	width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	font-family: Verdana, sans-serif;
	font-size: 14px;
}

#header {
	width: 1000px;
	height: 100px;
	margin: 0 auto;
}

#titulo {
	width: 40%;
	font-size: 30px;
	line-height: 100px;
	float: left;
}

#message {
	margin-top: 20px;
	width: 50%;
	float: right;
}

#menu {
	height: 50px;
	width: 100%;
	background: #0a5194;
	color: #FFF;
	line-height: 50px;
}

#menu a {
	font-weight: bold;
	color: #FFF;
}

#contenedorMenu {
	height: 100%;
	width: 950px;
	margin: 0 auto;
	text-align: right;
	font-size: 12px;
}

#contenedor {
	width: 1000px;
	margin: 20px auto;
}

#contenedorIzquierdo {
	width: 68.5%;
	min-height: 300px;
	float: left;
}

#contenedorDerecho {
	margin-left: 3%;
	width: 27%;
	min-height: 150px;
	float: left;
}

.textRight {
	text-align: right;
}

.textCenter {
	text-align: center;
}

.widgetCarro {
	border: #dddbdb 1px solid;
	width: 100%;
	margin-bottom: 20px;
	color: #4f4f4f;
}

.titleCarro {
	
	background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
	width: 95%;
	height: 30px;
	line-height: 30px;
	padding-left: 5%;
	color: #4f4f4f;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
	font-size: 14px;
}
</style>
</h:head>
<h:body>
	<div id="header">
		<div id="titulo">Carro de compras</div>
		<div id="message">
			<ui:insert name="principalMessage"></ui:insert>
		</div>
	</div>
	<div id="menu">
		<div id="contenedorMenu">
			<ui:insert name="perfil">Usted aun no esta logeado, si ya se ha registrado ingrese aqui, sí aun  no esta registrado, puede registrarse</ui:insert>
		</div>
	</div>
	<div id="contenedor">
		<div id="contenedorIzquierdo">
			<ui:insert name="contenidoIzquierdo"></ui:insert>
		</div>
		<div id="contenedorDerecho">
			<ui:insert name="contenidoDerecho"></ui:insert>
		</div>
	</div>
</h:body>
</html>